<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				/*width: 100%;
				text-align: center;
				margin: 0 auto;*/
			}
			
			.father {
				text-align: center;
				width: 800px;
				height: 100px;
				border: 1px solid red;
				margin: 0 auto;
				display: flex;
				/*justify-content: space-between;*/
				justify-content: flex-start;
				/*flex-direction: column;*/
			}
			
			.son {
				border: 1px solid deepskyblue;
				height: 40px;
				width: 200px;
			}
			
			/*自定义字体*/
			@font-face {
				font-family: numberFont;	
				src: url('./fonts/digital-webfont.eot'),
				url('./fonts/DS-DIGII.ttf');
				/*src: url('./fonts/digital-webfont.eot') , 
				url('./fonts/DS-DIGII.ttf') ;*/
			}
			
			.family {
				font-family: numberFont;
				font-size: 50px;
				color: #fa4848
			}</style>
	</head>

	<body>

		<div class="father" style="">

			<div class="son">
				<span class="family">6</span>
			</div>
			<div class="son">
				123
			</div>
			<div class="son">
				123
			</div>
		</div>

	</body>

</html>